<template>
    <div class="star_con">
        <i class="icon iconfont" v-bind:class="{'icon-star':couponScore>0,'icon-star1':couponScore==0}"></i>
        <i class="icon iconfont" v-bind:class="{'icon-star':couponScore>1,'icon-star1':couponScore<=1}"></i>
        <i class="icon iconfont" v-bind:class="{'icon-star':couponScore>2,'icon-star1':couponScore<=2}"></i>
        <i class="icon iconfont" v-bind:class="{'icon-star':couponScore>3,'icon-star1':couponScore<=3}"></i>
        <i class="icon iconfont" v-bind:class="{'icon-star':couponScore>4,'icon-star1':couponScore<=4}"></i>
    </div>
</template>
<script>
    export default {
        props: ["couponComScore"],

        computed:{
            couponScore:function(){
                var score = this.couponComScore || 0;
                return score.toFixed(0)
            }
        }
    }
</script>
